<!DOCTYPE HTML>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="white-bg">
	<div class="wrapper wrapper-content animated fadeInRight ibox-content">

		<form class="form-horizontal m" id="form-vip-add">
			<div class="form-group">
				<label class="col-sm-3 control-label">会员类型：</label>
				<div class="col-sm-8">
					<select id="getTovipName" name="tovipId" class="dropdown-header"></select>
				</div>
			</div>



			<div class="form-group">
				<label class="col-sm-3 control-label">会员姓名：</label>
				<div class="col-sm-8">
					<input id="vipName" name="vipName" class="form-control" type="text">
				</div>
			</div>

			<div class="form-group">
				<label class="col-sm-3 control-label">电话号码：</label>
				<div class="col-sm-8">
					<input id="vipTel" name="vipTel" class="form-control" type="text">
				</div>
			</div>



			<!--分界线  -->

			<!-- 			<div class="form-group">
				<label for="dtp_input1" class="col-md-2 control-label">选择时间：</label>
				<div class="input-group date form_datetime col-md-5"
					data-date="2010-09-16 T05:25:07Z"
					data-date-format="dd MM yyyy - HH:ii p"
					data-link-field="dtp_input1">
					<input placeholder="请选择开卡日期" class="form-control" id="vipState"
						name="vipState" type="text" readonly> <span
						class="input-group-addon"><span
						class="glyphicon glyphicon-remove"></span></span> <span
						class="input-group-addon"><span
						class="glyphicon glyphicon-th"></span></span>
				</div>
				<input type="hidden" id="dtp_input1" value="" /><br />
			</div> -->

			<div class="form-group">
				<label class="col-sm-3 control-label">开卡日期：</label>
				<div class="col-sm-8">
					<input id="vipMfg" name="vipMfg" placeholder="请选择购卡日期"  class="form-control" type="text">
				</div>
			</div>

			<div class="form-group">
				<label class="col-sm-3 control-label">截止日期：</label>
				<div class="col-sm-8">
					<input id="vipExp" name="vipExp" class="form-control" readonly
						type="text">
				</div>
			</div>
			<!-- 分界线 -->



			<div class="form-group">
				<label class="col-sm-3 control-label">状态：</label>
				<div class="col-sm-8">
					<input id="vipState" name="vipState" value="1" readonly
						class="form-control" type="text">
				</div>
			</div>
			<input id="vipAccountd" name="vipAccount" value="0" type="hidden">

		</form>
	</div>
	<div th:include="include::footer"></div>
	<script type="text/javascript">

 

		
		/* 分界线 */

    $('.form_datetime').datetimepicker({
        //language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 2,
		forceParse: 0,
        showMeridian: 1
    });
　　　　$("#vipMfg").datetimepicker({//选择年月日
　　　　　　format: 'yyyy-mm-dd hh:ii:ss',
　　　　　　language: 'zh-CN',
　　　　　　weekStart: 1,
　　　　　　todayBtn: 1,//显示‘今日’按钮
　　　　　　autoclose: 1,
　　　　　　todayHighlight: 1,
　　　　　　startView: 2,
　　　　　　minView: 2,  //Number, String. 默认值：0, 'hour'，日期时间选择器所能够提供的最精确的时间选择视图。

　　　　　　clearBtn:false,//清除按钮

　　　　　　forceParse: 0
　　　　});

	$("#vipMfg").on('change',function(){
		　　var thisEntryDate = $("#vipMfg").val();
		　　if(thisEntryDate != ''){
		　　　　thisEntryDate = thisEntryDate.replace(/-/g,"/");
		　　　　var normalDate = new Date(thisEntryDate);//转为标准时间格式
		　　　　normalDate.setFullYear(normalDate.getFullYear()+1);//将年份加1年
		　　　　var formatDateTime = function (date) { 
		　　　　　　var y = date.getFullYear(); 
		　　　　　　var m = date.getMonth() + 1; 
		　　　　　　m = m < 10 ? '0' + m : m; 
		　　　　　　var d = date.getDate(); 
		　　　　　　d = d < 10 ? ('0' + d) : d; 
 				var H =date.getHours();
 				H =H < 10 ? '0' + H : H; 
				var i = date.getMinutes();
				i = i < 10 ? '0' + i : i; 
				var s = date.getSeconds();
				s = s < 10 ? '0' + s : s; 
				 
		　　　　　　return y + '-' + m + '-' + d + ' '+ H +':'+ i + ':' +s; 
		　　　　}; 
		　　　　var forContract_deadline = formatDateTime(normalDate)
		　　　　$("#vipExp").val(forContract_deadline)
		　　}

		});
	
	    	
	    	
	    	
	    	
	    	/* 分界线 */
	$("#form-vip-add").validate({
			rules:{
				vipTel:{
					required:true,
					checkTel:true
				}
			
			}
		});
		$.validator.addMethod(
				"checkTel",
				function(value, element, params) {
					var checkTel = /^0?(13[0-9]|14[5-9]|15[012356789]|166|17[0-8]|18[0-9]|19[8-9])[0-9]{8}$/;
					return this.optional(element) || (checkTel.test(value)); 
					}, "请输入正确的电话号码"

		);
		//@"^0\.[0-9]*[1-9]$"
		///^(0.\d+|0|1)$/
		
		
		
		function submitHandler() {
			if ($.validate.form()) {
				$.operate.save("/vip/add", $('#form-vip-add').serialize());
			}
		}
        //展示会员类型名称
		 tovipName();
        function tovipName(){
        	$.ajax({
                type: "post",
                url: "/vip/selectTovipName",
                dataType: "json",
                success: function(res){
                    if (null != res) {
                       var html= '';
                        Object.keys(res).forEach(function(key){
                            html += '<option value="' + res[key].tovipId + '" label="'+ res[key].tovipName+'"></option>';
                        });
                        $('#getTovipName').html(html);

                    }}
             });
           
        	 
        }
	</script>
</body>
</html>
